import {
  defineConfig,
  presetWind,
  presetIcons,
  transformerDirectives, // @apply 转换
  transformerVariantGroup
} from 'unocss'

export default defineConfig({
  shortcuts: {
    // 针对于全局经常需要使用样式
    // 'router-link': 'text-red-500 text-xl px-8 py-2 cursor font-300 hover:font-500',
  },
  presets: [
    presetWind(), // 包含 tailwind 两者一起用
    // 包含图标
    presetIcons({
      prefix: 'i-', // 前缀
      extraProperties: {
        display: 'inline-block' // 默认 inline-block
      }
    })
  ],
  transformers: [transformerDirectives(), transformerVariantGroup()]
})
